<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>英雄联盟官网</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/bootstrap.css" rel="stylesheet" /><!-- 引入bootstrap样式文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"><!-- 引入bootstrap图标库 -->
        <link rel="stylesheet" type="text/css" href="css/index.css"/>		<!-- 引入我自己写的样式文件 -->
	</head>
	<body>
		<!-- 导航栏 -->
		<div class="fixed-top" style="background-color: rgb(0, 0, 0,0.8);">
			<nav class="navbar navbar-expand-xl navbar-dark">
				<a class="navbar-brand ml-5" href="index.html"><img src="img/logo-public.png"></a>
				<!-- 显示折叠的按钮 -->
				<button type="button" class="btn btn-secondary navbar-toggler" data-toggle="collapse"
					data-target="#sample1"><span class="navbar-toggler-icon"></span></button>
				<!-- 折叠隐藏的部分 -->
				<div class="collapse navbar-collapse" id="sample1">
					<!-- 左侧 -->
					<ul class="navbar-nav px-5 mr-5">
						<li class="nav-item mr-4"><a href="introduce.html" class="nav-link text-white">游戏资料</a></li>
						<li class="nav-item mr-4">
							<a href="shop.html" class="nav-link  text-white">联盟商城</a>
						</li>
						<li class="nav-item mr-4 dropdown">
							<a href="" class="nav-link dropdown-toggle text-white" data-toggle="dropdown">社区互动</a>
							<ul class="dropdown-menu">
								<li><a href="" class="dropdown-item">官方微博</a></li>
								<li><a href="" class="dropdown-item">官方微信</a></li>
								<li><a href="" class="dropdown-item">玩家服务</a></li>
							</ul>
						</li>
						<li class="nav-item mr-4"><a href="" class="nav-link text-white">下载游戏</a></li>
					</ul>
					<form class="form-inline" onsubmit="alert('搜索功能尚未实现')">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="站内搜索" />
							<div class="input-group-append">
								<button class="btn btn-sm btn-dark" type="submit"><i class="bi bi-search"></i></button>
							</div>
						</div>
					</form>
					<!-- 右侧 -->
					<div class="myself ml-auto mt-3 mr-5">
						<p><i class="bi bi-phone mr-4"
								style="cursor: pointer; color:rgb(205, 190, 136) ; font-size: 33px;"
								data-toggle="tooltip" data-placement="bottom" data-html="true"
								title="<hr><img src='img/vx.png' width='170px' heigh='200px'><p class='tipcolor'>扫码添加站长微信<img src='img/polo.gif'></p>"></i><span
								data-toggle="tooltip" data-placement="bottom" data-html="true"
								data-template="<div class='tooltip' role='tooltip'><div class='tooltip-inner'></div></div>"
								title="<hr><p class='text-secondary'>登录并且绑定大区后才可以查看您的具体信息哦(包括战绩、资产、声望）官网个人信息显示略有延迟，请以游戏数据为准</p><hr>">
								<img src="img/tx.png" width="40px">亲爱的召唤师，欢迎<a href="#login" class="login"
									data-toggle="modal">登录</a></p>
						</span>
					</div>
				</div>
			</nav>
		</div>
		<!-- 霸屏 -->
		<div class="big">
			<video src="img/video.mpeg" class="w-100" loop="loop" muted="muted" autoplay="autoplay"></video>
			<a class="animate-bounce-down" href="#content"><i class="bi bi-chevron-double-down"
					style="font-size: 40px;"></i></a>
		</div>
		<!-- 主体 -->
		<div class="content container mt-4" id="content">
			<div class="row">
				<!-- 左侧轮播图 -->
				<div class="col-xl-7">
					<div class="carousel slide " id="sample" data-interval="2000" data-ride="carousel">
						<!-- 1. 轮播的内容 -->
						<div class="carousel-inner">
							<!-- 第1页 -->
							<div class="carousel-item active">
								<img src="img/lb1.jpeg" class="img-fluid">
							</div>
							<!-- 第2页 -->
							<div class="carousel-item">
								<img src="img/lb2.jpeg" class="img-fluid">
							</div>
							<!-- 第3页 -->
							<div class="carousel-item">
								<img src="img/lb3.jpeg" class="img-fluid">
							</div>
							<!-- 第4页 -->
							<div class="carousel-item">
								<img src="img/lb4.jpeg" class="img-fluid">
							</div>
							<!-- 第5页 -->
							<div class="carousel-item">
								<img src="img/lb5.jpeg" class="img-fluid">
							</div>
						</div>

						<!-- 2. 轮播下方指示器（可选项，一般都会使用） -->
						<div class="carousel-indicators">
							<div class="active" data-target="#sample" data-slide-to="0">
								<p>执事（2021）通行证</p>
							</div>
							<div data-target="#sample" data-slide-to="1">
								全明星最佳阵容折扣
							</div>
							<div data-target="#sample" data-slide-to="2">
								2021德玛西亚杯
							</div>
							<div data-target="#sample" data-slide-to="3">
								荣誉之路限时开放
							</div>
							<div data-target="#sample" data-slide-to="4">
								约德尔手办盲盒
							</div>
						</div>
						<!-- 3. 前后切换控制项（可选项） -->
						<a href="#sample" class="carousel-control-prev" data-slide="prev"><span
								class="carousel-control-prev-icon"></span></a>
						<a href="#sample" class="carousel-control-next" data-slide="next"><span
								class="carousel-control-next-icon"></span></a>
					</div>
				</div>
				<!-- 右侧边栏分页式导航+tab切换栏+列表组 -->
				<div class="col-xl-5">
					<!-- 第1部分：导航 -->
					<!-- 两端对齐的分页式导航 -->
					<ul class="nav nav-tabs nav-justified">
						<li class="nav-item"><a href="#all" data-toggle="tab" class="nav-link active">综合</a></li>
						<li class="nav-item"><a href="#notice" data-toggle="tab" class="nav-link">公告</a></li>
						<li class="nav-item"><a href="#competition" data-toggle="tab" class="nav-link">赛事</a>
						</li>
						<li class="nav-item"><a href="#method" data-toggle="tab" class="nav-link">攻略</a></li>
						<li class="nav-item"><a href="#community" data-toggle="tab" class="nav-link">社区</a></li>
					</ul>

					<!-- 第2部分：选项卡面板：列表组 -->
					<div class="tab-content">
						<!-- 综合 -->
						<div class="tab-pane fade show active list-group list-group-flush" id="all">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">游戏玩法感想&nbsp;12月17日：下一步的打算？</a>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									《双城之战》：等你续写联盟IP宇宙新篇章
								</a><em class="text-secondary float-right">12-18</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-lightblue mr-4">新闻</span><a class="text-decoration-none"
									href="javascript:;">
									光明哨兵回顾
								</a><em class="text-secondary float-right">12-16</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-lightblue mr-4">新闻</span><a class="text-decoration-none"
									href="javascript:;">
									《盟牙有礼·第四季》福利来袭！
								</a><em class="text-secondary float-right">12-13</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									福星计划权益皮肤更新公告
								</a><em class="text-secondary float-right">12-10</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-gold mr-4">公告</span><a class="text-decoration-none"
									href="javascript:;">
									执事系列皮肤与执事通行证即将上线
								</a><em class="text-secondary float-right">12-08</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>

						<!-- 公告 -->
						<div class="tab-pane fade show list-group list-group-flush" id="notice">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">12月24日周免英雄更新公告</a>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									荣誉之路 限时开放
								</a><em class="text-secondary float-right">12-17</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									2021年12月16日 11.24b版本不停机更新公告
								</a><em class="text-secondary float-right">12-16</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									2021年12月16日 例行停机维护公告
								</a><em class="text-secondary float-right">12-15</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									2021年12月13日 不停机更新公告
								</a><em class="text-secondary float-right">12-15</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-gold mr-4">公告</span><a class="text-decoration-none"
									href="javascript:;">
									福星计划权益皮肤更新公告
								</a><em class="text-secondary float-right">12-10</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
						<!-- 赛事 -->
						<div class="tab-pane fade show list-group list-group-flush" id="competition">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">LPL年度纪录片《不破不立》第六集片段：Bin的自律生活</a>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									2021德玛西亚杯淘汰赛第四日宣传片：最熟悉的对手
								</a><em class="text-secondary float-right">12-25</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									TOP5：knight死亡射线乱战秀细节
								</a><em class="text-secondary float-right">12-25</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									英雄麦克疯：五杀终结者
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									2021德玛西亚杯淘汰赛第三日宣传片：战热烈，制新章
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-blue mr-4">赛事</span><a class="text-decoration-none"
									href="javascript:;">
									恭喜LNG晋级2021德玛西亚杯四强！
								</a><em class="text-secondary float-right">12-23</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
						<!-- 攻略 -->
						<div class="tab-pane fade show list-group list-group-flush" id="method">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">电研所：控制效果排行榜，最强控制你猜不到</a>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									电研所：减速抗性 韧性 这些你真的懂吗？ 四分钟带你快速了解
								</a><em class="text-secondary float-right">12-23</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">教学</span><a
									class="text-decoration-none" href="javascript:;">
									一文教你针对峡谷泛滥成灾的破舰者赛恩
								</a><em class="text-secondary float-right">12-20</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">教学</span><a
									class="text-decoration-none" href="javascript:;">
									Ac教你玩游戏-超级强势滴冰川救赎流泰坦！
								</a><em class="text-secondary float-right">12-19</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">教学</span><a
									class="text-decoration-none" href="javascript:;">
									【婵儿】莎弥拉教科书，学会就轻松拿五杀！
								</a><em class="text-secondary float-right">12-16</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-lightblue mr-4">新闻</span><a class="text-decoration-none"
									href="javascript:;">
									【小贝塔】王者死歌的光速发育技巧，教你瞬间拉开等级
								</a><em class="text-secondary float-right">12-13</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
						<!-- 社区 -->
						<div class="tab-pane fade show list-group list-group-flush" id="community">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">三个人的德玛西亚——简评《脆弱的遗赠》</a>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									峡谷十二钗，国风与召唤师峡谷的碰撞
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-lightblue mr-4">娱乐</span><a class="text-decoration-none"
									href="javascript:;">
									台词里的致敬梗（19）：魔鬼总能得偿所愿
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									英雄联盟宇宙丨死神，冥界的由来丨科普第1集
								</a><em class="text-secondary float-right">12-23</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-lightblue mr-4">娱乐</span><a class="text-decoration-none"
									href="javascript:;">
									《简笔画联盟》没想到我也可以这么帅？
								</a><em class="text-secondary float-right">12-22</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-orange mr-4">视频</span><a class="text-decoration-none"
									href="javascript:;">
									他回来了，全部都回来了！
								</a><em class="text-secondary float-right">12-21</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
					</div>
				</div>
			</div>
			<!-- 主体第二部分 -->
			<div class="row mt-5">
				<!-- 左侧边栏热门活动：卡片组 -->
				<div class="col-xl-7">
					<h4>
						<div class="mr-3 mt-2"
							style="height: 25px;width: 4px;background-color:#0da0b4;display: inline-block;"></div>热门活动
					</h4>
					<div class="row">
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/card1.jpg">
								<div class="card-body">
									<p class="card-text">每周优惠</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">1天后结束<span
											class="float-right badge badge-gold-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">NEW</span></p>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/card2.jpg">
								<div class="card-body">
									<p class="card-text">激战全明星赢图标奖励</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">今天结束<span
											class="float-right badge badge-red-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">HOT</span></p>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/card3.jpg">
								<div class="card-body">
									<p class="card-text">约德尔人手办盲盒</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">15天后结束<span
											class="float-right badge badge-red-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">HOT</span></p>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/card4.jpg">
								<div class="card-body">
									<p class="card-text">英雄联盟排位FAQ</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">长期活动<span
											class="float-right badge badge-gold-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">LONG</span></p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 右侧边栏：功能区 -->
				<div class="col-xl-5 mt-5">
					<div class="row">
						<div class="col-xl-8">
							<video width="406" height="182" autoplay muted loop title="点击下载游戏" style="cursor: pointer;">
								<source src="img/btn-download.mpeg" type="video/mp4">
								</source>
							</video>
						</div>
						<div class="col-xl-4 ">
							<img class="mb-md-2" src="img/btn1.png" onmousemove="move(this)" onmouseleave="leave(this)"
								width="130px" style="cursor: pointer;">
								<!-- 实现图片切换的JS效果 -->
							<script>
								function move(img) {
									img.src = "img/btn3.png";
								}

								function leave(img) {
									img.src = "img/btn1.png";
								}
							</script>
							<!-- 弹出框 -->
							<img src="img/btn2.png" width="130px" style="cursor: pointer;" data-container="body"
								data-toggle="popover" data-html="true" data-placement="bottom"
								data-content="<div class='free'><img src='img/free1.png' width='60px' height='60px'></div><div class='free'><img src='img/free2.png' width='60px' height='60px'></div><div class='free'><img src='img/free3.png' width='60px' height='60px'></div><div class='free'><img src='img/free4.png' width='60px' height='60px'></div><div class='free'><img src='img/free5.png' width='60px' height='60px'></div><div class='free'><img src='img/free6.png' width='60px' height='60px'></div><div class='free'><img src='img/free7.png' width='60px' height='60px'></div><div class='free'><img src='img/free8.png' width='60px' height='60px'></div><div class='free'><img src='img/free9.png' width='60px' height='60px'></div><div class='free'><img src='img/free10.png' width='60px' height='60px'></div><div class='free'><img src='img/free11.png' width='60px' height='60px'></div><div class='free'><img src='img/free12.png' width='60px' height='60px'></div><div class='free'><img src='img/free13.png' width='60px' height='60px'></div><div class='free'><img src='img/free14.png' width='60px' height='60px'></div><div class='free'><img src='img/free15.png' width='60px' height='60px'></div><div class='free'><img src='img/free16.png' width='60px' height='60px'></div>">
						</div>
					</div>
					<div class="row">
						<div class="col-12 mt-2">
							<div class="more">
								<p>
									<img src="img/kf.png">
									<span>在线客服</span>
								</p>
							</div>
							<div class="more">
								<p>
									<img src="img/zxdt.png">
									<span>秩序殿堂</span>
								</p>
							</div>
							<div class="more">
								<p>
									<img src="img/yz.png">
									<span>LOL宇宙</span>
								</p>
							</div>
							<div class="more">
								<p>
									<img src="img/xgzd.png">
									<span>峡谷之巅</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 页底一排图片 -->
		<div class="container my-5">
			<div class="row">
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/ys.jpg" width="210px" height="135px">
						<div class="imgbox-text">
							<p>神龙尊者</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/yen.jpg" width="210px" height="135px">
						<div class="imgbox-text">
							<p>黎明与黑夜</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/sh.jpg" width="210px" height="135px">
						<div class="imgbox-text">
							<p>英雄砺十年&nbsp;&nbsp;联盟神凰现</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/mc.jpg" width="210px" height="135px">
						<div class="imgbox-text">
							<p>拥抱神力 叱咤魔城</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/mn.jpg" width="210px" height="135px">
						<div class="imgbox-text">
							<p>魔女摇曳 魅惑众生</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/gm.jpg" width="210px" height="135px">
						<div class="imgbox-text">
							<p>光明哨兵</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 页底版权 -->
		<div style="background-color: rgb(227,226,226);" class="py-5 mt-5">
			<div class="container">
				<div class="row">
					<div class="col-md-4 pt-5">
						<img src="img/logo2.png">
						<img src="img/logo3.png">
					</div>
					<div class="col-md-8 pt-3">
						<p style="font-size: 16px; color: rgb(159,147,120);">
							腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作<br>
							腾讯公司版权所有&nbsp;&nbsp;网络游戏行业防沉迷自律公约<br>
							COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.<br>
							COPYRIGHT © 2012 Riot Games,Inc. ALL RIGHTS RESERVED.<br>
							本网络游戏适合16+岁的用户使用；为了您的健康，请合理控制游戏时间。<br>
							深圳市市场监督管理局企业主体身份公示工商网监电子标识 |粤网文[2020]3396-195号|（署）网出证（粤）字第054号<br>
							批准文号：新出审字[2011]310号 |文网进字[2011] 004号 | 出版物号：ISBN 978-7-89989-145-2|全国文化市场统一举报电话：12318</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 登录模态框 -->
		<div class="modal" id="login" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header border-bottom-0">
						<a href="javascript:;" class="close text-danger" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true" style="font-size: 50px;">&times;</span>
						</a>
					</div>
					<div class="modal-body">
						<h5 class="modal-title mb-3" style="padding-left: 35%!important;">账号密码登录</h5>
						<form onsubmit="return valid()" action="index.html" method="get">
							<div class="form-group px-5 pb-5">
								<input title="请输入4-11位数字的账号" class="form-control" type="text" name="username" placeholder="支持QQ号/邮箱/手机号登录"
									value="" />
								<div class="tips">

								</div>
								<input class="form-control mt-3" title="密码为任意字符6-20位" type="password" name="password" placeholder="密码"
									value="" />
								<div class="tips">

								</div>
								<button class="btn btn-info mt-3 " style="width: 100%;" type="submit">登录</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/login.js" type="text/javascript" charset="utf-8"></script><!-- 引入表单验证的JS文件 -->
	<!-- 在页面上初始化所有提示框 -->
	<!-- 不加下方这段，不会启动提示框和弹出窗效果 -->
	<script type="text/javascript">
		$(function() {
			$('[data-toggle="tooltip"]').tooltip()
		})
		$(function() {
			$('[data-toggle="popover"]').popover()
		})
	</script>
	<script type="text/javascript">
		console.log("朱力维版权所有")
	</script>
</html>
